.yg-category {
  overflow: hidden;
  height: 100%;
  padding-top: 2.533333rem;

  .yg-category-menu-list {
    height: 100%;
    display: flex;

    .menu-left {
      flex: 1;
      height: 100%;
      background-color: #f3f3f3;

      .menu-left-box {
        overflow-y: scroll;
        height: 100%;

        .menu-item {
          height: 0.48rem;
          line-height: 0.48rem;
          text-align: center;
          font-size: 0.373333rem;
          color: #313131;
          // margin: 0.533333rem 0;
          padding: 0.533333rem 0rem;
        }

        .active {
          border-left: 2px solid var(--themeColor);
        }

      }
    }

    .menu-right {
      flex: 3;
      background-color: #fff;

      .menu-right-box {
        overflow-y: scroll;
        height: 100%;

        .cateitem-section {
          h2 {
            color: #656565;
            font-size: 0.426667rem;
            text-align: center;
            line-height: 0.426667rem;
            margin: 0.533333rem 0;
          }

          .cateitem-box {
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            // justify-content: space-around;

            .cateitem-item {
              display: flex;
              flex-direction: column;
              align-items: center;
              justify-content: center;
              margin: 0 0.266667rem;
              margin-bottom: 0.266667rem;

              img {
                width: 1.6rem;
                height: 1.6rem;
              }

              h3 {
                line-height: 0.533333rem;
                font-size: 14px;
                color: #333;
              }
            }
          }
        }
      }
    }
  }
}